<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>支付订单</title>

<link rel="stylesheet" href="css/icomoon.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/index.css" />
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/icomoon.js"></script>


<script>

$(document).ready(function () {
});
</script>

</head>
<body>

	<div class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">VeryEdu 影片订票系统</a>
        </div>
        <div class="navbar-collapse collapse">
          
        </div><!--/.navbar-collapse -->
      </div>
    </div>



    <div class="container">
    
		<div class="container">
			
			<div class="row row-offcanvas row-offcanvas-left">
            	<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
                           
                    <ul class="nav nav-pills nav-stacked">
	                  <li><a href="#"><span class="icon-camera"></span><span class="mls"> 浏览影片</span></a></li>
	                  <li><a href="#"><span class="icon-bell"></span><span class="mls"> 浏览场次</span></a></li>
	                  <li><a href="#"><span class="icon-users"></span><span class="mls"> 选择座位</span></a></li>                  
	                  <li class="active"><a href="#"><span class="icon-coin"></span><span class="mls"> 支付订单</span></a></li>                
	                  <li><a href="#"><span class="icon-numbered-list"></span><span class="mls"> 查看订单</span></a></li>
	                </ul>
                
                </div>
                <div class="col-xs-12 col-sm-9">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="thumbnail">
                              <img src="images/ticket.gif" class="img-responsive" width="100%" height="100%">
                              <h5 style="position:absolute; top:80px; left: 80px;">风暴</h5>
                              <h5 style="position:absolute; top:50px; left: 80px;">1号大厅</h5>                      
                              <h5 style="position:absolute; top:50px; left: 180px;">1排1号</h5>                  
                              <h5 style="position:absolute; top:105px; left: 60px;">2013-12-31</h5>                  
                              <h5 style="position:absolute; top:105px; left: 140px;">19:30</h5>                  
                              <h5 style="position:absolute; top:105px; left: 200px;">65元</h5>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="thumbnail">
                              <img src="images/ticket.gif" class="img-responsive" width="100%" height="100%">
                              <h5 style="position:absolute; top:80px; left: 80px;">风暴</h5>
                              <h5 style="position:absolute; top:50px; left: 80px;">1号大厅</h5>                      
                              <h5 style="position:absolute; top:50px; left: 180px;">1排1号</h5>                  
                              <h5 style="position:absolute; top:105px; left: 60px;">2013-12-31</h5>                  
                              <h5 style="position:absolute; top:105px; left: 140px;">19:30</h5>                  
                              <h5 style="position:absolute; top:105px; left: 200px;">65元</h5>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="thumbnail">
                              <img src="images/ticket.gif" class="img-responsive" width="100%" height="100%">
                              <h5 style="position:absolute; top:80px; left: 80px;">风暴</h5>
                              <h5 style="position:absolute; top:50px; left: 80px;">1号大厅</h5>                      
                              <h5 style="position:absolute; top:50px; left: 180px;">1排1号</h5>                  
                              <h5 style="position:absolute; top:105px; left: 60px;">2013-12-31</h5>                  
                              <h5 style="position:absolute; top:105px; left: 140px;">19:30</h5>                  
                              <h5 style="position:absolute; top:105px; left: 200px;">65元</h5>
                            </div>
                        </div>
                    </div>
					<div class="row">
						<div class="col-md-12">&nbsp;</div>
					</div>
					<hr />
					<form class="form-horizontal" role="form">
					<div class="row">
						<div class="col-md-6">
						 <div class="form-group">
							<label for="inputName" class="col-sm-4 control-label">会员名称</label>
							<div class="col-sm-8">
							  <input type="text" class="form-control" id="inputName" placeholder="会员名称">
							</div>
						  </div>
						</div>						
						<div class="col-md-6">
						  <div class="form-group">
							<label for="inputPassword" class="col-sm-4 control-label">会员密码</label>
							<div class="col-sm-8">
							  <input type="password" class="form-control" id="inputPassword" placeholder="会员密码">
							</div>
						  </div>
						</div>
					</div>
					<br />

					<div class="row">
						<div class="col-md-12 text-center">
							<a href="order.html" class="btn btn-primary" role="button">支付</a>
						</div>
					</div>
					</form>
                </div>
            </div>
		</div>	
		
		
      <hr>
      <footer>
        <p>&copy; Company 2013</p>
      </footer>
    </div> <!-- /container -->


</body>
</html>
